<template>
  <div>
    <h1>分类列表</h1>
    <div class="typeList">
      <Item v-for="item in itemData" :key="item.id" v-bind="item"/>
    </div>
  </div>
</template>
<script>
import Item from '@/components/Item'
export default {
  name:"App",
  components:{
    Item,
  },
  data(){
    return {
      itemData:[
        {id:"001",content:["火锅","烧烤","螺狮粉"],title:"美食"},
        {id:"002",content:["CF","DNF","CS"],title:"游戏"},
        {id:"003",content:["等你下课","童话","秋天的风"],title:"音乐"},

     ],
    }
  }
}
</script>
<style scoped>
.typeList {
  display: flex;
  justify-content: space-around;
}
</style>